function creaReg()
{
    createWaiting();
    $.ajax
            ({
                type: "POST",
                url: "./php_registroContacto.php",
                data:
                        {
                            req: "empresas"
                        },
                success: function(data)
                {
                    var json = jQuery.parseJSON(data);

                    var registro = doc.createElement("div");
                    registro.setAttribute("id", "registro");

                    var textoGuia = document.createElement("h3");
                    textoGuia.setAttribute("class", "accordion-head");
                    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Registro de Empresas y Contactos de Empresa <br><br>";
                    registro.appendChild(textoGuia);

                    var formulario = document.createElement("form");
                    formulario.setAttribute("id", "formularioRegistroContacto");
                    formulario.setAttribute("method", "post");

                    var formularioEmpresa = document.createElement("div");
                    formularioEmpresa.setAttribute("id", "formRecEmpresa");
                    creaformularioEmpresaReg(formularioEmpresa, json);
                    formulario.appendChild(formularioEmpresa);

                    var formularioCliente = document.createElement("div");
                    formularioCliente.setAttribute("id", "formRecCliente");
                    creaformularioClienteReg(formularioCliente);
                    formulario.appendChild(formularioCliente);

                    creaBotonesRegistro(formulario);

                    registro.appendChild(formulario);

                    document.getElementById("subAlterno").appendChild(registro);
                    
                    closeWaiting();
                }
            });
}
;

function creaformularioEmpresaReg(fe, json)
{
    var legend = document.createElement("legend");
    legend.setAttribute("class", "legend");
    legend.innerHTML = "<b>Datos de Empresa</b>";
    fe.appendChild(legend);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));

    var p = document.createElement("p");
    p.setAttribute("id", "parrafo");
    p.innerHTML = "<i><b>Nota:</b> Verificar antes si su empresa ya se encuentra registrada, de ser así, seleccionela.";
    fe.appendChild(p);

    fe.appendChild(document.createElement("br"));

    creaComboBoxReg(fe, json);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));

    var label21 = document.createElement("label");
    label21.setAttribute("for", "nombre");
    label21.setAttribute("class", "label");
    label21.innerHTML = "<span class = 'ast'>*</span> Nombre";
    fe.appendChild(label21);

    var input21 = document.createElement("input");
    input21.setAttribute("id", "nombre");
    input21.setAttribute("class", "inputs");
    input21.setAttribute("placeholder", "Nombre de la Empresa");
    fe.appendChild(input21);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));

    var label22 = document.createElement("label");
    label22.setAttribute("for", "siglas");
    label22.setAttribute("class", "label");
    label22.innerHTML = "&nbsp Siglas";
    fe.appendChild(label22);

    var input22 = document.createElement("input");
    input22.setAttribute("id", "siglas");
    input22.setAttribute("placeholder", "Siglas de la organización");
    input22.setAttribute("class", "inputs");
    fe.appendChild(input22);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));

    var label = document.createElement("label");
    label.setAttribute("for", "tamEmp");
    label.setAttribute("class", "label");
    label.innerHTML = "<span class = 'ast'>*</span> Tamaño";
    fe.appendChild(label);

    var datos = document.createElement("select");
    datos.setAttribute("id", "tamEmp");

    var opcionIni = new Option("Seleccione Tamaño", 0);
    datos.appendChild(opcionIni);


    var opcionIni = new Option("Micro (10 empleados o menos)", 1);
    datos.appendChild(opcionIni);


    var opcionIni = new Option("Pequeña (entre 11 y 50 empleados)", 2);
    datos.appendChild(opcionIni);


    var opcionIni = new Option("Mediana (entre 51 y 200 empleados)", 3);
    datos.appendChild(opcionIni);


    var opcionIni = new Option("Grande (201 empleados o más)", 4);
    datos.appendChild(opcionIni);

    fe.appendChild(datos);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));

    var label23 = document.createElement("label");
    label23.setAttribute("for", "desc");
    label23.setAttribute("class", "label");
    label23.innerHTML = "<span class = 'ast'>*</span>Descripción <em></em> ";
    fe.appendChild(label23);

    var input23 = document.createElement("input");
    input23.setAttribute("id", "desc");
    input23.setAttribute("placeholder", "¿A qué se dedica la empresa?");
    input23.setAttribute("class", "inputs");
    fe.appendChild(input23);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));

    var label2 = document.createElement("label");
    label2.setAttribute("for", "direccion");
    label2.setAttribute("class", "label");
    label2.innerHTML = "<span class = 'ast'>*</span>Dirección <em></em> ";
    fe.appendChild(label2);

    var input2 = document.createElement("input");
    input2.setAttribute("id", "direccion");
    input2.setAttribute("placeholder", "Cantón y Provincia");
    input2.setAttribute("class", "inputs");
    fe.appendChild(input2);

    fe.appendChild(document.createElement("br"));
    fe.appendChild(document.createElement("br"));
}
;

function creaformularioClienteReg(fc)
{
    var legend = document.createElement("legend");
    legend.setAttribute("class", "legend");
    legend.innerHTML = "<b>Datos de Contacto</b>";
    fc.appendChild(legend);

    fc.appendChild(document.createElement("br"));

    var label1 = document.createElement("label");
    label1.setAttribute("for", "nameCont");
    label1.setAttribute("class", "label");
    label1.innerHTML = "<span class = 'ast'>*</span>Nombre <em></em> ";
    fc.appendChild(label1);

    var input1 = document.createElement("input");
    input1.setAttribute("id", "nameCont");
    input1.setAttribute("class", "inputs");
    input1.setAttribute("placeholder", "Nombre");
    fc.appendChild(input1);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var labelAp = document.createElement("label");
    labelAp.setAttribute("for", "apellido");
    labelAp.setAttribute("class", "label");
    labelAp.innerHTML = "<span class = 'ast'>*</span>Apellidos <em></em> ";
    fc.appendChild(labelAp);

    var inputAp = document.createElement("input");
    inputAp.setAttribute("id", "apellido");
    inputAp.setAttribute("placeholder", "Primer y segundo apellido");
    inputAp.setAttribute("class", "inputs");
    fc.appendChild(inputAp);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var labelC = document.createElement("label");
    labelC.setAttribute("for", "ced");
    labelC.setAttribute("class", "label");
    labelC.innerHTML = "<span class = 'ast'>*</span>Cédula <em></em> ";
    fc.appendChild(labelC);

    var inputC = document.createElement("input");
    inputC.setAttribute("id", "ced");
    inputC.setAttribute("class", "inputs");
    inputC.setAttribute("placeholder", "Número de Identificación");
    fc.appendChild(inputC);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var labelDp = document.createElement("label");
    labelDp.setAttribute("for", "departamento");
    labelDp.setAttribute("class", "label");
    labelDp.innerHTML = "<span class = 'ast'>*</span>Departamento <em></em> ";
    fc.appendChild(labelDp);

    var inputDp = document.createElement("input");
    inputDp.setAttribute("id", "departamento");
    inputDp.setAttribute("placeholder", "Departamento en la Empresa");
    inputDp.setAttribute("class", "inputs");
    fc.appendChild(inputDp);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var label2 = document.createElement("label");
    label2.setAttribute("for", "telephone");
    label2.setAttribute("class", "label");
    label2.innerHTML = "<span class = 'ast'>*</span> Teléfono";
    fc.appendChild(label2);

    var input2 = document.createElement("input");
    input2.setAttribute("id", "telephone");
    input2.setAttribute("class", "inputs");
    input2.setAttribute("placeholder", "########");
    fc.appendChild(input2);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var labelt2 = document.createElement("label");
    labelt2.setAttribute("for", "telephone2");
    labelt2.setAttribute("class", "label");
    labelt2.innerHTML = "&nbsp Teléfono(2)";
    fc.appendChild(labelt2);

    var inputt2 = document.createElement("input");
    inputt2.setAttribute("id", "telephone2");
    inputt2.setAttribute("class", "inputs");
    inputt2.setAttribute("placeholder", "########");
    fc.appendChild(inputt2);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var label3 = document.createElement("label");
    label3.setAttribute("for", "emailCont");
    label3.setAttribute("class", "label");
    label3.innerHTML = "<span class = 'ast'>*</span> Email<em></em> ";
    fc.appendChild(label3);

    var input3 = document.createElement("input");
    input3.setAttribute("id", "emailCont");
    input3.setAttribute("type", "email");
    input3.setAttribute("placeholder", "example@email.com");
    input3.setAttribute("class", "inputs");
    fc.appendChild(input3);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var labelP = document.createElement("label");
    labelP.setAttribute("for", "passCont");
    labelP.setAttribute("class", "label");
    labelP.innerHTML = "<span class = 'ast'>*</span> Clave<em></em> ";
    fc.appendChild(labelP);

    var inputP = document.createElement("input");
    inputP.setAttribute("id", "passCont");
    inputP.setAttribute("type", "password");
    inputP.setAttribute("class", "inputs");
    inputP.setAttribute("placeholder", "Digite su clave");
    fc.appendChild(inputP);

    fc.appendChild(document.createElement("br"));
    fc.appendChild(document.createElement("br"));

    var labelP = document.createElement("label");
    labelP.setAttribute("for", "passC");
    labelP.setAttribute("class", "label");
    labelP.innerHTML = "<span class = 'ast'>*</span> Confirme su Clave";
    fc.appendChild(labelP);

    var inputPC = document.createElement("input");
    inputPC.setAttribute("type", "password");
    inputPC.setAttribute("id", "passC");
    inputPC.setAttribute("placeholder", "Confirme su clave");
    inputPC.setAttribute("class", "inputs");
    fc.appendChild(inputPC);

    fc.appendChild(document.createElement("br"));
}
;

function creaComboBoxReg(formulario, json)
{
    var label = document.createElement("label");
    label.setAttribute("for", "empresaExis");
    label.setAttribute("class", "label");
    label.innerHTML = "Empresas Existentes";
    formulario.appendChild(label);

    var datos = document.createElement("select");
    datos.setAttribute("id", "empresaExis");
    datos.setAttribute("onchange", "updateEmp()");

    var opcionIni = new Option("Nueva Empresa", 0);
    datos.appendChild(opcionIni);

    var k = 0;
    for (; k < json.rowCount; k++) {
        var opcion;
        if (json.Elements[k].SIGLAS_EMPRESA != "noSiglas") {
            opcion = new Option(json.Elements[k].NOMBRE_EMPRESA + " (" + json.Elements[k].SIGLAS_EMPRESA + ") ", json.Elements[k].PK_EMPRESA_CODIGO_EMPRESA);
        } else {
            opcion = new Option(json.Elements[k].NOMBRE_EMPRESA, json.Elements[k].PK_EMPRESA_CODIGO_EMPRESA);
        }
        datos.appendChild(opcion);
    }
    formulario.appendChild(datos);
}
;

function creaBotonesRegistro(div)
{
    var divBot = document.createElement("div");
    divBot.setAttribute("id", "divBot");

    var bot = document.createElement("input");
    bot.type = "button";
    bot.value = "Aceptar";
    bot.setAttribute("onclick", "registrando()");
    bot.id = "bot";
    bot.setAttribute("class", "bot");
    divBot.appendChild(bot);

    var bot1 = document.createElement("input");
    bot1.type = "button";
    bot1.value = "Cancelar";
    bot1.id = "bot1";
    bot1.setAttribute("class", "bot");
    bot1.setAttribute("onclick", "backInicio()");
    divBot.appendChild(bot1);


    var spanx = document.createElement("span");
    spanx.setAttribute("id", "spanxReg");
    spanx.innerHTML = "<b>*Campos Necesarios</b>";
    divBot.appendChild(spanx);

    div.appendChild(divBot);
}
;

function updateEmp() {
    var selected = document.getElementById("empresaExis");
    var info = selected.options[selected.selectedIndex].value;

    var nombemp = document.getElementById("nombre");
    var siglasemp = document.getElementById("siglas");
    var tamemp = document.getElementById("tamEmp");
    var descemp = document.getElementById("desc");
    var diremp = document.getElementById("direccion");

    if (info != 0) {
        createWaiting();
        $.ajax
                ({
                    type: "POST",
                    url: "./php_registroContacto.php",
                    data:
                            {
                                req: "consEmpresa",
                                codEmp: info
                            },
                    success: function(data)
                    {
                        var json = jQuery.parseJSON(data);

                        nombemp.value = json.Elements[0].NOMBRE_EMPRESA;
                        if (json.Elements[0].SIGLAS_EMPRESA != "noSiglas") {
                            siglasemp.value = json.Elements[0].SIGLAS_EMPRESA;
                        } else {
                            siglasemp.value = "No posee siglas";
                        }
                        if (json.Elements[0].TAMAÑO_EMPRESA == "Micro") {
                            tamemp.options[1].selected = 'selected';
                            tamemp.options[2].disabled = 'disabled';
                            tamemp.options[3].disabled = 'disabled';
                            tamemp.options[4].disabled = 'disabled';
                            tamemp.options[0].disabled = 'disabled';
                        } else if (json.Elements[0].TAMAÑO_EMPRESA == "Pequeña") {
                            tamemp.options[2].selected = 'selected';
                            tamemp.options[3].disabled = 'disabled';
                            tamemp.options[4].disabled = 'disabled';
                            tamemp.options[0].disabled = 'disabled';
                            tamemp.options[1].disabled = 'disabled';
                        } else if (json.Elements[0].TAMAÑO_EMPRESA == "Mediana") {
                            tamemp.options[3].selected = 'selected';
                            tamemp.options[4].disabled = 'disabled';
                            tamemp.options[0].disabled = 'disabled';
                            tamemp.options[1].disabled = 'disabled';
                            tamemp.options[2].disabled = 'disabled';
                        } else if (json.Elements[0].TAMAÑO_EMPRESA == "Grande") {
                            tamemp.options[4].selected = 'selected';
                            tamemp.options[0].disabled = 'disabled';
                            tamemp.options[1].disabled = 'disabled';
                            tamemp.options[2].disabled = 'disabled';
                            tamemp.options[3].disabled = 'disabled';
                        }
                        descemp.value = json.Elements[0].DESCRIPCION_EMPRESA;
                        diremp.value = json.Elements[0].DIRECCION_EMPRESA;

                        nombemp.readOnly = true;
                        siglasemp.readOnly = true;
                        jQuery('select.readonly option:not(:selected)').attr('disabled', true);
                        descemp.readOnly = true;
                        diremp.readOnly = true;

                        closeWaiting();
                    }
                });
    } else {
        nombemp.value = "";
        siglasemp.value = "";
        tamemp.options[0].selected = 'selected';
        descemp.value = "";
        diremp.value = "";

        nombemp.readOnly = false;
        siglasemp.readOnly = false;
        tamemp.options[0].disabled = '';
        tamemp.options[1].disabled = '';
        tamemp.options[2].disabled = '';
        tamemp.options[3].disabled = '';
        tamemp.options[4].disabled = '';
        descemp.readOnly = false;
        diremp.readOnly = false;
    }
}
;